<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
            早上吃饭  
            中午吃饭
            下午吃饭
            晚上吃饭
            3秒 吃一顿饭
        */
        /* 
            回调地狱
                异步代码当中一层一层的套
            回调地狱
                代码看起来特别的累,麻烦,不利于维护
            promise 就是专门用处理回调地狱的
        */
        setTimeout(() => {
            console.log("早上吃饭");
            setTimeout(() => {
                console.log("中午吃饭");
                setTimeout(() => {
                    console.log("下午吃饭");
                    setTimeout(() => {
                        console.log("晚上吃饭");
                    }, 1000);
                }, 1000);
            }, 1000);
        }, 1000);
    </script>
</body>

</html>